<template>
		<div class="div3">
			  <el-menu
			       default-active="2"
			       class="el-menu-vertical-demo"
			       @open="handleOpen"
			       @close="handleClose"
			       background-color="#545c64"
			       text-color="#fff"
			       active-text-color="#ffd04b">
			      <el-submenu index="1">
			        <template slot="title">
			          <span>热度图片</span>
			        </template>
			       <el-menu-item-group>
			         <router-link to="/adm/img"><el-menu-item index="1-1">热度图片</el-menu-item></router-link>
			       </el-menu-item-group>
			      </el-submenu>
				  
				  <el-submenu index="2">
				    <template slot="title">
				      <span>类型管理</span>
				    </template>
				    <el-menu-item-group>
				       <router-link to="/adm/onetype"><el-menu-item index="2-1">一级类型</el-menu-item></router-link>
				       <router-link to="/adm/twotype"><el-menu-item index="2-2">二级类型</el-menu-item></router-link>
		
				    </el-menu-item-group>
				  </el-submenu>
				  
				  <el-submenu index="3">
				    <template slot="title">
				      <span>商品管理</span>
				    </template>
				     <el-menu-item-group>
				        <router-link to="/adm/goods"><el-menu-item index="3-1">商品列表</el-menu-item></router-link>
				     </el-menu-item-group>
				  </el-submenu>
				  
				  <el-submenu index="4">
				    <template slot="title">
				      <span>用户管理</span>
				    </template>
				    <el-menu-item-group>
				      <el-menu-item index="4-1">冻结密码重置</el-menu-item>
				      <el-menu-item index="4-2">管理员添加</el-menu-item>
				    </el-menu-item-group>
				  </el-submenu>
				  
				  <el-submenu index="5">
				    <template slot="title">
				      <span>订单管理</span>
				    </template>
				    <el-menu-item-group>
				      <el-menu-item index="5-1">订单详情</el-menu-item>
				    </el-menu-item-group>
				  </el-submenu>
				  
				  <el-submenu index="6">
				    <template slot="title">
				      <span>App</span>
				    </template>
				    <el-menu-item-group>
				      <router-link to="/mobile/home"><el-menu-item index="6-1">首页 </el-menu-item></router-link>
					  <router-link to="/mobile/bookslist"><el-menu-item index="6-2">书库</el-menu-item></router-link>
					  <router-link to="/mobile/my"><el-menu-item index="6-3">我的</el-menu-item></router-link>
				    </el-menu-item-group>
				  </el-submenu>
			    </el-menu>
		</div>
	</div>
</template>

<script>
	export default {
		name:'PcAdmHeader',
		methods:{
			 handleOpen(key, keyPath) {
			        console.log(key, keyPath);
			      },
			      handleClose(key, keyPath) {
			        console.log(key, keyPath);
			      }
		}
	}
</script>

<style scoped>
	
	.div3 {
		width: 20%;
		height: 45vw;
		background-color: #393d49; 
	/* 	background-color:aqua ; */
	}
	
	
</style>
